/* 公共层叠样式表 */



@charset "utf-8";



/* 页面主体容器 */



.container {width:1200px;margin:0 auto;box-sizing: border-box;}

.left{ float:left;}

.right{ float:right;}



/** A链接公共样式 **/



a { text-decoration: none; color:#3d3d3d; font-size:12px; font-family: "microsoft yahei";}



a.inherit { color:inherit; font-size:inherit; font-family: inherit; }



a.full { display:block; width:100%; height:100%; }



a:hover { text-decoration: none; }



a.hover-red:hover {color:#dd2727;}



a.hover-white:hover {color:#fff;}



a.hover-line:hover {text-decoration:underline;}



/** 清除内外边距 **/



body, div, p, h1, h2, h3, h4, h5, h6, blockquote,  /* structural elements 结构元素 */



dl, dt, dd, ul, ol, li, /* list elements 列表元素 */



pre,  /* text formatting elements 文本格式元素 */



form, fieldset, legend, button, input, textarea,  /* form elements 表单元素 */



table,th,td /* table elements 表格元素 */{



	margin:0;



	padding:0;



}



/*html5*/



article,aside,dialog,footer,header,section,footer,nav,figure,menu{



	display:block;



}



.transition-2s{transition: all .2s}



.transition-3s{transition: all .3s}



.transition-4s{transition: all .4s}



.transition-5s{transition: all .5s}



/*** css3 box弹性布局 2009旧版  ***/



/*box父元素*/



.box{display:-webkit-box;display:-moz-box;display:-o-box;display:-ms-box;display:box;}



.box-orient-v{-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-ms-box-orient: vertical;box-orient: vertical;}



.box-align-center{-webkit-box-align: center;-moz-box-align: center;-o-box-align: center;-ms-box-align: center;box-align: center;}



.box-align-stretch{webkit-box-align:stretch;-moz-box-align: stretch;-o-box-align: stretch;-ms-box-align: stretch;box-align: stretch;}



.box-align-start{-webkit-box-align: start;-moz-box-align: start;-o-box-align: start;-ms-box-align: start;box-align: start;}



.box-align-end{webkit-box-align: end;-moz-box-align: end;-o-box-align: end;-ms-box-align: end;box-align: end;}



.box-align-baseline{webkit-box-align:baseline;-moz-box-align:baseline;-o-box-align:baseline;-ms-box-align:baseline;box-align:baseline;}



.box-pack-start{-webkit-box-pack: start;-moz-box-pack: start;-o-box-pack: start;-ms-box-pack: start;box-pack: start;}



.box-pack-end{-webkit-box-pack: end;-moz-box-pack: end;-o-box-pack: end;-ms-box-pack: end;box-pack: end;}



.box-pack-center{-webkit-box-pack: center;-moz-box-pack: center;-o-box-pack: center;-ms-box-pack: center;box-pack: center;}



.box-pack-justify{-webkit-box-pack: justify;-moz-box-pack: justify;-o-box-pack: justify;-ms-box-pack: justify;box-pack: justify;}



.box-derection-reverse{-webkit-box-direction: reverse;-moz-box-direction: reverse;-o-box-direction: reverse;-ms-box-direction: reverse;box-direction: reverse;}



/*box子元素*/



.box-flex1{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;}



.box-flex2{-webkit-box-flex:2;-moz-box-flex:2;-o-box-flex:2;-ms-box-flex:2;box-flex:2;}



.box-flex3{-webkit-box-flex:3;-moz-box-flex:3;-o-box-flex:3;-ms-box-flex:3;box-flex:3;}



.box-flex-group1{-webkit-box-flex-group: 1;-moz-box-flex-group: 1;-o-box-flex-group: 1;-ms-box-flex-group: 1;box-flex-group: 1;}



.box-flex-group2{-webkit-box-flex-group: 2;-moz-box-flex-group: 2;-o-box-flex-group: 2;-ms-box-flex-group: 2;box-flex-group: 2;}



.box-flex-group3{-webkit-box-flex-group: 3;-moz-box-flex-group: 3;-o-box-flex-group: 3;-ms-box-flex-group: 3;box-flex-group: 3;}



.box-ordinal-group1{-webkit-box-ordinal-group: 1;-moz-box-ordinal-group: 1;-o-box-ordinal-group: 1;-ms-box-ordinal-group: 1;box-ordinal-group: 1;}



.box-ordinal-group2{-webkit-box-ordinal-group: 2;-moz-box-ordinal-group: 2;-o-box-ordinal-group: 2;-ms-box-ordinal-group: 2;box-ordinal-group: 2;}



.box-ordinal-group3{-webkit-box-ordinal-group: 3;-moz-box-ordinal-group: 3;-o-box-ordinal-group: 3;-ms-box-ordinal-group: 3;box-ordinal-group: 3;}







/*** css3 flex弹性布局 2012新版  ***/



/* flex容器属性 */



.flex{ display: -webkit-flex; /* Safari */ display: flex;}



.inline-flex{display: inline-flex;}







.flex-column{flex-direction: column; /* 从上到下 */}







.flex-wrap{flex-wrap:wrap; /* 换行 */}



.flex-nowrap{flex-wrap:nowrap; /* 不换行 */}







.flex-center{justify-content:center;align-items:center;}



.flex-around{justify-content:space-around;align-items:center;}



.flex-between{justify-content:space-between;align-items:center;}







.flex-horz-start{justify-content:flex-start;}



.flex-horz-end{justify-content:flex-end;}



.flex-horz-center{justify-content:center;}



.flex-horz-between{justify-content:space-between;}



.flex-horz-around{justify-content:space-around;}







.flex-vert-start{align-items:flex-start;}



.flex-vert-end{align-items:flex-end;}



.flex-vert-center{align-items:center;}



.flex-vert-baseline{align-items:baseline;}



.flex-vert-stretch{align-items:stretch;}







/* 多轴线垂直方式 */



.flex-align-content-start{align-content:flex-start;}



.flex-align-content-end{align-content:flex-end;}



.flex-align-content-center{align-content:center;}



.flex-align-content-around{align-content:space-around;}



.flex-align-content-between{align-content:space-between;}



.flex-align-content-stretch{align-content:stretch;}







/* 项目属性 */



/* 排列 小在前 */



.flex-order-1{order:1}



.flex-order-2{order:2}



.flex-order-3{order:3}



.flex-order-4{order:4}



.flex-order-5{order:5}



/* 放大 默认0存在剩余空间，也不放大*/



.flex-grow-0{flex-grow:0}



.flex-grow-1{flex-grow:1}



.flex-grow-2{flex-grow:2}



.flex-grow-3{flex-grow:3}



.flex-grow-4{flex-grow:4}



.flex-grow-5{flex-grow:5}



/* 缩小 默认1空间不足，该项目将缩小 0为不缩小 */



.flex-shrink-0{flex-shrink:0;}



.flex-shrink-1{flex-shrink:1;}



/*单独对齐方式*/



.flex-align-self-start{align-self:flex-start;}



.flex-align-self-end{align-self:flex-end;}



.flex-align-self-center{align-self:center;}



.flex-align-self-baseline{align-self:baseline;}



.flex-align-self-stretch{align-self:stretch;}







.border-box{box-sizing: border-box;}







body,



button, input, select, textarea /* for ie */ {



    font: 12px/1.5 Arial, 'Microsoft Yahei',"宋体", sans-serif;



	color:#333;



	background-color:#fff;



}



h1, h2, h3, h4, h5, h6 { font-weight:normal; font-family: "microsoft yahei"; color:#000; font-size:16px;}



address, cite, em, i { font-style: normal; } /* 将斜体扶正 */



small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */



/** 重置列表元素 **/



li { list-style: none; }



/** 重置表单元素 **/



legend { color: #000; } /* for ie6 */



fieldset, img { border: 0; } /* img 搭车：让a链接里的 img 无边框 */



button, input, select, textarea { font-size: 100%; line-height:normal; border:0; outline:0; } /* 使得表单元素在 ie 下能继承字体大小 */



/** 重置表格元素 **/



table{ border-collapse: collapse; border-spacing: 0; }



input[type="button"],input[type="submit"],input[type="reset"]{cursor:pointer;outline:0;}



/* ie6 7 8(q) bug  */



iframe{display:block;}



/* 行内块级元素清间隙 */



.inline-block{display: inline-block;letter-spacing: normal;vertical-align: top;}



.inline-block-wrap{letter-spacing: -4px;}



/*分割线 |*/



.sep{margin:0 .25em;font-family: sans-serif; width:1px; position:absolute; left:0; z-index:9}



/*小图标*/



.icon{display:inline-block;vertical-align:middle;margin:-3px 3px 0px;background-repeat:no-repeat;}



/* 超出省略号 */



.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}



/*火狐禁止复制*/



.moz_noselect{-moz-user-select:none;}



/* 字体 */



/*@font-face {



    font-family: 'xxx';



    src: url('xxx.eot');



    src: url('xxx.eot?#iefix') format('embedded-opentype');



    src: url('xxx.ttf');



    font-weight: normal;



    font-style: normal;



}*/



/* 其他公共样式 */



.tl{text-align:left}



.tc{text-align:center}



.tr{text-align:right}



.bc{margin-left:auto;margin-right:auto;}



.fl{float:left;display:inline}



.fr{float:right;display:inline}



.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}



.clearfix{zoom:1}



.vm{vertical-align:middle}



.pr{position:relative}



.pa{position:absolute}



.pa-r0{position:absolute;right:0}



.zoom{zoom:1}



.hidden{visibility:hidden}



.none{display:none}



.block{display:block}



.notext{text-indent: -999px;overflow: hidden;}







.mb5{margin-bottom:5px}



.f12{font-size:12px}



.f13{font-size:13px}



.f14{font-size:14px}



.f16{font-size:16px}



.f20{font-size:20px}



.fb{font-weight:bold}



.fn{font-weight:normal}



.t2{text-indent:2em}



.lh150{line-height:150%}



.lh180{line-height:180%}



.lh200{line-height:200%}



.unl{text-decoration:underline;}



.no_unl{text-decoration:none;}







.w10{width:10px}



.w20{width:20px}



.w30{width:30px}



.w40{width:40px}



.w50{width:50px}



.w60{width:60px}



.w70{width:70px}



.w80{width:80px}



.w90{width:90px}



.w100{width:100px}



.w200{width:200px}



.w250{width:250px}



.w300{width:300px}



.w400{width:400px}



.w500{width:500px}



.w600{width:600px}



.w700{width:700px}



.w800{width:800px}



.w1100{width:800px}



.w{width:100%}



.h50{height:50px}



.h80{height:80px}



.h100{height:100px}



.h200{height:200px}



.h{height:100%}







.m10{margin:10px}



.m15{margin:15px}



.m30{margin:30px}



.mt5{margin-top:5px}



.mt10{margin-top:10px}



.mt15{margin-top:15px}



.mt20{margin-top:20px}



.mt30{margin-top:30px}



.mt50{margin-top:50px}



.mt100{margin-top:100px}



.mb10{margin-bottom:10px}



.mb15{margin-bottom:15px}



.mb20{margin-bottom:20px}



.mb30{margin-bottom:30px}



.mb50{margin-bottom:50px}



.mb100{margin-bottom:100px}



.ml5{margin-left:5px}



.ml10{margin-left:10px}



.ml15{margin-left:15px}



.ml20{margin-left:20px}



.ml30{margin-left:30px}



.ml50{margin-left:50px}



.ml100{margin-left:100px}



.mr5{margin-right:5px}



.mr10{margin-right:10px}



.mr15{margin-right:15px}



.mr20{margin-right:20px}



.mr30{margin-right:30px}



.mr50{margin-right:50px}



.mr100{margin-right:100px}



.p10{padding:10px;}



.p15{padding:15px;}



.p30{padding:30px;}



.pt5{padding-top:5px}



.pt10{padding-top:10px}



.pt15{padding-top:15px}



.pt20{padding-top:20px}



.pt30{padding-top:30px}



.pt50{padding-top:50px}



.pb5{padding-bottom:5px}



.pb10{padding-bottom:10px}



.pb15{padding-bottom:15px}



.pb20{padding-bottom:20px}



.pb30{padding-bottom:30px}



.pb50{padding-bottom:50px}



.pb100{padding-bottom:100px}



.pl5{padding-left:5px}



.pl10{padding-left:10px}



.pl15{padding-left:15px}



.pl20{padding-left:20px}



.pl30{padding-left:30px}



.pl50{padding-left:50px}



.pl100{padding-left:100px}



.pr5{padding-right:5px}



.pr10{padding-right:10px}



.pr15{padding-right:15px}



.pr20{padding-right:20px}



.pr30{padding-right:30px}



.pr50{padding-right:50px}



.pr100{padding-right:100px}







/*bootstrap form css*/



.form-group {



    margin-bottom: 15px;



}



label {



    display: inline-block;



    max-width: 100%;



    margin-bottom: 5px;



    font-weight: 700;



}



.form-control {



    display: block;



    width: 100%;



    height: 34px;



    padding: 6px 12px;



    font-size: 14px;



    line-height: 1.42857143;



    color: #555;



    background-color: #fff;



    background-image: none;



    border: 1px solid #ccc;



    border-radius: 4px;



    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);



    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);



    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;



    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;



    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;



}



.form-control:focus {



    border-color: #66afe9;



    outline: 0;



    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);



    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);



}



.form-btn {



	color: #333;



    background-color: #fff;



    border-color: #ccc;



    display: inline-block;



    padding: 6px 12px;



    margin-bottom: 0;



    font-size: 14px;



    font-weight: 400;



    line-height: 1.42857143;



    text-align: center;



    white-space: nowrap;



    vertical-align: middle;



    -ms-touch-action: manipulation;



    touch-action: manipulation;



    cursor: pointer;



    -webkit-user-select: none;



    -moz-user-select: none;



    -ms-user-select: none;



    user-select: none;



    background-image: none;



    border: 1px solid transparent;



    border-radius: 4px;



}



.form-btn-primary {



  color: #fff;



  background-color: #337ab7;



  border-color: #2e6da4;



}



.form-btn-primary:focus,



.form-btn-primary.focus {



  color: #fff;



  background-color: #286090;



  border-color: #122b40;



}



.form-btn-primary:hover {



  color: #fff;



  background-color: #286090;



  border-color: #204d74;



}







/*phpcms pages*/



.v9_pages{margin-top:5px;}



.v9_pages a, .v9_pages span{display: inline-block;padding:2px 6px;border:1px solid #ddd;margin-right:5px;}



/***********/



.side{position:fixed;width:85px;right:2px;top:50%;margin-top:-170px;z-index:100; background:url(../images/right-float-bg.png) left no-repeat; padding-top:1px; font-size:0px; height:345px}

.side ul li{width:57px;height:55px;float:left;position:relative;transition:all .3s;cursor:pointer; margin-top:6px; margin-left:28px;}

.side ul li a{ font-size:0px; display:block; width:100%; height:55px;}

.side ul li:hover{}

.side ul li:hover a{color:#fff}





.side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}

.side ul li.sidetop{color:#fff}

.side ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}

.side ul li.sideewm .ewBox.son{width:160px;display:none;color:#363636;text-align:center;position:absolute;left:-170px;top:8px;background:#1B57AC;height:190px; line-height:20px; text-align:center; color:#fff; font-size:16px; padding:5px}

.side ul li.sideetel .telBox.son{width:240px;height:55px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:0;background:#1B57AC}

.side ul li.sideetel .telBox dd{display:block; padding-top:5px;overflow:hidden;padding-left:20px;line-height:22px;font-size:16px}





.side ul li:hover .son{display:block!important;animation:fadein 1s}

@keyframes fadein{from{opacity:0}

to{opacity:1}